<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用类名获取元素</title>
</head>
<body>
    <div id="bc1" class="bcclass">不要学编程1</div>
    <div id="bc2" class="bcclass">不要学编程2</div>
    <div id="bc3" class="bcclass">不要学编程3</div>
    <div id="bc4" class="bcclass">不要学编程4</div>
    <div id="bc5" class="bcclass">不要学编程5</div>
    <script>
        document.write('<p style="color:red;"><br>使用类名获取元素：document.getElementsByclassName("类名");<br></p>')
        document.write('<p style="color:red;">返回文档中所有类名的指定元素，而不是一个元素。可以把他当作一个数组进行处理，使用循环进行遍历，或者下标获取元素。<br></p>')
        var a = document.getElementsByClassName('bcclass');
        for(var i = 0; i < a.length; i++){
            if(i%2 == 0){
                a[i].style.color = 'blue';
            }
        }
    </script>
</body>
</html>